﻿<%@ Page Title="" Language="C#" MasterPageFile="~/Principal.Master" AutoEventWireup="true" CodeBehind="Catalogo.aspx.cs" Inherits="CapaPresentacion.Catalogo" %>
<asp:Content ID="Content1" ContentPlaceHolderID="HeadContent" runat="server">
    <style type="text/css">
        .style1
        {
        background-color: #FFFFFF;
    }
        .style2
        {
        font-family: "Segoe UI";
        font-size: xx-small;
        color: #000000;
        background-color: #FFFFFF;
    }
        .style3
        {
            font-family: "Segoe UI";
            font-size: medium;
            color: #0000FF;
        }
        .style4
        {
            font-family: "Segoe UI";
            font-size: x-large;
            color: #0000FF;
        }
        .style7
        {
            height: 41px;
            width: 609px;
        }
        .style8
        {
            text-align: center;
            height: 25px;
        }
        .style9
        {
            height: 41px;
        }
    </style>
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="MainContent" runat="server">
    <p>
       
        <table style="width: 100%; height: 61px; background-color: #FFCC00;">
            <tr>
                <td class="style8" colspan="2">
                    <span class="style4">CATÁLOGO DE PRODUCTO</span><span class="style3"> </span>
                </td>
                <td rowspan="2">
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 
                    Ver Carrito compras<asp:ImageButton ID="btnVerCarrito" runat="server" 
                        BorderColor="#FF6600" BorderStyle="Ridge" Height="27px" 
                        ImageUrl="~/Botones/comercio-electrónico13.jpg" onclick="btnVerCarrito_Click" 
                        style="margin-left: 148px" ToolTip="Ver Carrito Compras" Width="150px" />
                </td>
            </tr>
            <tr>
                <td class="style9">
                </td>
                <td class="style7">
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                    <asp:Label ID="lblAgregado" runat="server" 
                        style="color: #FF0000; font-weight: 700; font-family: 'Segoe UI'" Text="Label"></asp:Label>
                </td>
            </tr>
        </table>
    </p>
    <p>
        <asp:DataList ID="DataList1" runat="server" DataSourceID="ObjectDataSource1" 
            Font-Bold="True" Font-Italic="False" Font-Overline="False" 
            Font-Strikeout="False" Font-Underline="False" HorizontalAlign="Center" 
            RepeatColumns="4" RepeatDirection="Horizontal" BorderColor="#FF9933" 
            GridLines="Both" onitemcommand="DataList1_ItemCommand">
            <ItemTemplate>
                <table style="width:96%; color: #FFFFFF; font-size: xx-small; font-family: Arial, Helvetica, sans-serif; background-color: #FFFFFF;">
                    <tr>
                        <td class="style1">
                            <img alt="Producto" src="imagenes/<%#Eval("Foto") %>" style="height: 130px; width: 98px" />
                        </td>
                        <td class="style2">
                            IdProducto:
                            <asp:Label ID="IdProductoLabel" runat="server" 
                                Text='<%# Eval("IdProducto") %>' />
                            <br />
                            Nombre:
                            <asp:Label ID="NombreLabel" runat="server" Text='<%# Eval("Nombre") %>' />
                            <br />
                            Descripcion:
                            <asp:Label ID="DescripcionLabel" runat="server" 
                                Text='<%# Eval("Descripcion") %>' />
                            <br />
                            Precio:
                            <asp:Label ID="PrecioLabel" runat="server" Text='<%# Eval("Precio") %>' />
                            <br />
                            Stock:
                            <asp:Label ID="StockLabel" runat="server" Text='<%# Eval("Stock") %>' />
                            <br />
                            Foto:
                            <asp:Label ID="FotoLabel" runat="server" Text='<%# Eval("Foto") %>' />
                            <br />
                            Categoría:
                            <asp:Label ID="IdCategoriaLabel" runat="server" 
                                Text='<%# Eval("IdCategoria") %>' />
                        </td>
                    </tr>
                    <tr>
                        <td class="style2" colspan="2">
                            &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<asp:ImageButton ID="btnAgregar" runat="server" CommandName="Agregar" 
                                Height="45px" ImageUrl="~/Botones/agregar-carrito-on.jpg" Width="213px" />
                        </td>
                    </tr>
                </table>
                <br />
            </ItemTemplate>
        </asp:DataList>
    </p>
    <p>
    </p>
    <p>
        <asp:ObjectDataSource ID="ObjectDataSource1" runat="server" 
            SelectMethod="listaCatalogoProductos" TypeName="CapaNegocio.ProductoNE">
        </asp:ObjectDataSource>
    </p>
</asp:Content>
